* {
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-decoration: none;
}

body{
    background-color:white !important;
}
section {
    width: 1300px;
    position: relative;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    /* 水平移动和垂直移动到中心 */
    /* border: 1px solid black; */
}

#address {
    width: 100%;
    float: left;
}

.address_lie {
    float: left;
    border-bottom: 1px solid black;
    width: 100%;
    height: 80px;
    text-indent: 2em;
}

.address_checkmark {
    float: left;
    margin-top: 20px;
}
#address_table{
    display: none;
    margin-top: 200px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index:1000;
    transform: translateX(-50%)translateY(-50%);
    width: 550px;
    height: 445px;
    background-color: white;
    border: 1px solid grey;
    border-radius: 5px;
}
#address_add{
     display: none;
     margin-top: 200px;
     position: fixed;
     top: 50%;
     left: 50%;
     z-index:1000;
     transform: translateX(-50%)translateY(-50%);
     width: 550px;
     height: 300px;
     background-color: white;
     border: 1px solid grey;
     border-radius: 5px;
 }
.address_lie p {
    font-size: 18px;
    margin-left: 40px;
    height: 35px;
    line-height: 35px;
}

#header_problem,#header {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid grey;
}
.address_add_li li{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 13px;
}
#name,#phone,#address_name{
    width: 250px;
    height: 35px;
    line-height: 35px;
    border-radius: 3px;
    text-indent: 0.5em;
    margin-top: 15px;
}
#default{
margin-left: 0px;
    margin-top: 15px;
}
.address_add_li li:last-of-type label,.address_add_li li:last-of-type input{
    float: left;
    border-radius: 3px;
    text-indent: 0.5em;
    margin-top: 15px;
    margin-left: 110px;
    font-size: 10px;
}
#problem_head,#head {
    float: left;
    color: #75f1bb;
    text-indent: 2em;
}

.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-right: 10px;
    cursor: pointer;
}
#address_all {
    cursor: pointer;
    float: right;
    margin-top: -40px;
    margin-right: 40px;
    border: 1px solid #75f1bb;
    background-color: white;
    padding: 5px 20px;
}
#add_address {
    position: absolute;
    right: 40px;
    cursor: pointer;
    border: 1px solid #75f1bb;
    background-color: white;
    padding: 5px 20px;
}

.pick {
    cursor: pointer;
    float: right;
    margin-top: -40px;
    margin-right: 10px;
    border: 1px solid #75f1bb;
    background-color: white;
    padding: 5px 20px;
}

#store_commodity {
    float: left;
    margin-top: 20px;
    width: 100%;
}

#store {
    width: 100%;
    height: 40px;
    line-height: 40px;
    clear: both;
    background-color: azure;
    border-bottom: 1px solid #75f1bb;
}

#store img {
    float: left;
    position: relative;
    left: 50px;
    width: 35px;
    margin: 2px;
}

#store p {
    cursor: pointer;
    float: left;
    height: 40px;
    line-height: 40px;
    margin-left: 70px;
}

#commodity {
    width: 100%;
    margin-top: 20px;
    float: left;
    padding-bottom: 20px;
    border-bottom: 1px solid #75f1bb;
}

#commodity img {
    float: left;
    width: 150px;
    margin-left: 200px;
}

#commodity_details {
    float: left;
    color: grey;
    margin-left: 50px;
    font-size: 17px;
}

#commodity_details p {
    margin-top: 20px;
}

#commodity_details p:first-of-type {
    font-weight: bold;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.657);
}

#commodity_details p:nth-of-type(2) {
    margin-top: 10px;
}

#commodity_details p:last-of-type {
    margin-top: 0px;
}

.price span {
    color: red;
    font-size: 20px;
}

.market_price {
    position: relative;
    top: -15px;
    font-size: 12px;
}

.market_price span {
    color: red;
    text-decoration: line-through;
}

#decrementButton,
#incrementButton,
#counter {
    margin-left: 10px;
    text-align: center;
    border: 1px solid #75f1bb;
    border-radius: 4px;
    width: 40px;
    height: 30px;
    line-height: 30px;
    background-color: white;
}

#counter {
    border: 1px solid grey;
}

#pay_way {
    float: left;
    width: 100%;
    margin-top: 20px;
}

#pay_way p {
    width: 100%;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.657);
    border-bottom: 2px solid grey;
}

#pay_way ul li {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #faf8f8;
    border-bottom: 1px solid #ece0e0;
}

#pay_way ul li img {
    position: relative;
    left: 30px;
    float: left;
    width: 20px;
    margin: 10px;
}

#pay_way ul li span {
    float: left;
    margin-left: 30px;
}

.checkmark {
    float: right;
    width: 30px;
    margin-right: 20px;
}

#go_pay {
    width: 100%;
    float: left;
    text-align: right;
    margin-top: 40px;
    padding-bottom: 20px;
}

#go_pay p {
    float: right;
    margin-right: 20px;
}

#go_pay p span {
    font-size: 24px;
    color: red;
}

#go_pay button {
    float: right;
    padding: 10px 30px;
    border: 0px;
    border-radius: 4px;
    margin-right: 100px;
    background-color: #57cc99;
}

.modify-footer {
    background-color: white;
    text-align: right;
    width: 460px;
    float: right;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-right: 30px;
}

.modify-footer a {
    display: inline-block;
    width: 60px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border: 1px solid #75f1bb;
    border-radius: 2px;
    margin-left: 10px;
    font-size: 14px;
    color: #75f1bb;
}

.modify-footer .btn-confirm {
    background: #75f1bb;
    color: #fff;
}